<!DOCTYPE html>

<html>

<head>
    <title></title>
    <script src='../vue.js'></script>
</head>

<body>
    <div id="app-4">
        <child my-message="Hello Chen!"></child>
    </div>
    <script>
        Vue.component('child', {
            // 声明 props
            props: ['myMessage'],
            // 就像 data 一样，prop 可以用在模板内
            // 同样也可以在 vm 实例中像“this.message”这样使用
            template: '<span>{{ myMessage }}</span>'
        });
        // 创建根实例
        new Vue({
            el: '#app-4'
        })
    </script>
</body>


</html>